/********CHARTE GRAPHIQUE**********
*    Bleue claire = #52A3CC 	  *
*    Bleue foncé  = #356ca3		  *
*    gris cobalt  = #666659       *
*    gris clair   =	#DADAD7       *
*    blanc        = #F0F0EF	      *
*    blanc gris   = #ECECEB	      *
**********************************/

/*****************************GENERAL*******************************/
.fomulaire
{
	background-color: #E9E9E7;
	background: -moz-linear-gradient(#E9E9E7,  #CCCCCA);
    background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E7), to(#CCCCCA));
    background: -webkit-linear-gradient(#E9E9E7,  #CCCCCA);
    background: -o-linear-gradient(#E9E9E7,  #CCCCCA);
    background: -ms-linear-gradient(#E9E9E7,  #CCCCCA);
    background: linear-gradient(#E9E9E7,  #CCCCCA);
	margin:5px;
	padding:10px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	border-radius:5px;
	font-family:"Arial";
	
	
}
input
{
	display: block; /* La balise devient de type block. */
    width: 200px;
	margin-left:10%;
	

}
#formCo
{
	float:left;
	
	
}


#mpOubli
{	
	width:160px;
	color:#356ca3;
}
#mpOubli p:hover
{
	color:#FF6600;
	cursor:  pointer;
}

#boutonCo
{	
	width:100px;
}

:focus
{
    background-color: #D6EBFF;
}

#switch
{
	float:right;
	border-left:dotted 1px #666659;
	width:50%;
	padding:30px 0 55px 0;
	text-align:center;
}
#switch p
{
	text-align:center;
	
}

#switch a
{	
	padding:5px 15px 5px 15px;
	border-radius:2px;
	text-decoration: none;
}